        @charset "utf-8";
    @import "common/reset";
    @import "common/common";
    .web {
        width: 100%;
        position: relative;
        overflow: hidden;
        section {
            img {
                margin-top: r(9px);
                width: 100%;
                text-align: center;
            }
            .tuangou {
                width: 100%;
                height: r(217px);
                margin-top: r(10px);
                img {
                    width: r(238px);
                    height: r(91px);
                }
                div {
                    width: r(238px);
                    height: r(91px);
                    float: left;
                }
                .q {
                    margin-left: r(79px);
                }
                .w {
                    margin-left: r(105px);
                }
                .a {
                    margin-left: r(79px);
                    margin-top: r(34px);
                }
                .d {
                    margin-left: r(105px);
                    margin-top: r(34px);
                }
            }
            .food {
                margin-left: r(20px);
                &:last-of-type {
                    margin-bottom: 69px;
                }
                .shop {
                    float: left;
                    width: 30%;
                    img {
                        width: 90%;
                        margin-top: r(34px);
                    }
                }
                .site {
                    width: 70%;
                    .f_left {
                        margin-left: r(20px);
                        h3 {
                            margin-top: r(28px);
                            a {
                                font-size: r(28px);
                                color: black;
                            }
                        }
                        p {
                            font-size: r(22px);
                            color: #494949;
                            margin-top: r(18px);
                            margin-bottom: r(20px);
                        }
                        span {
                            font-size: r(26px);
                            color: $color;
                        }
                    }
                    .f_right {
                        margin-right: r(17px);
                        p {
                            font-size: r(18px);
                            margin-top: r(82px);
                        }
                        p:last-of-type {
                            font-size: r(20px);
                            margin-top: r(36px);
                        }
                    }
                }
            }
        }
        header {
        padding-top: r(17px);
        padding-bottom: r(9px);
        top: 0;
        left: 0;
        width: 100%;
        .header_logo {
            width: r(123px);
            height: r(123px);
            margin-left: r(23px);
            overflow: hidden;
            a {
                display: inline-block;
                img {
                    width: 100%;
                }
            }
        }
        //左边图标结束
        .city {
            width: r(163px);
            height: r(60px);
            box-sizing: border-box;
            border: r(3px) solid $color;
            color: #000000;
            font-size: r(26px);
            margin-right: r(21px);
            margin-top: r(30px);
            position: relative;
            select {
                padding-left: r(14px);
                width: 100%;
                height: 100%;
                line-height: r(60px);
                border: none;
                -webkit-appearance: none;
                -moz-appearance: none;
            }
            &::after {
                content: "";
                border-top: r(16px) solid $color;
                border-left: r(15px) solid transparent;
                border-right: r(15px) solid transparent;
                position: absolute;
                right: r(11px);
                top: 50%;
                transform: translateY(-50%);
            }
        }
        //右边结束
        .search {
            width: r(269px);
            height: r(55px);
            margin: 0 auto;
            box-sizing: border-box;
            border: r(3px) solid $color;
            margin-top: r(34px);
            border-radius: r(55px);
            padding-left: r(20px);
            padding-right: r(15px);
            position: relative;
            input[type='text'] {
                width: r(191px);
                height: 100%;
                font-size: r(24px);
                color: #777;
                border: none;
                padding: 0 r(7px);
            }
            .iconfont {
                position: absolute;
                color: $color;
                font-size: r(34px);
                right: r(12px);
                top: 50%;
                transform: translateY(-50%);
            }
        }
    }
    }
